﻿<style type="text/css">

    .mv-content{margin-top:0px;}
    /*钱包*/
    body{background: #e8eaf6}
    .wallet-top {background: #FFF;position:initial;top:0px;left:0px;width:100%;z-index:999}
    .wallet-top .wallet-a {background: #4762CE;padding-bottom: 20px;overflow: hidden;}
    .wallet-top .wallet-a ul li a{display: block;}
    .wallet-top .wallet-a ul li{width: 25%;text-align: center;float: left;}
    .wallet-top .wallet-a ul li span{width: 100%;display: block;}
    .wallet-top .wallet-a ul li img{height: 30px;}
    .wallet-top .wallet-a ul li p{color: #fff;font-size: 15px;margin-top: 8px;}
    .wallet-top .wallet-b{margin-top: 0!important;background: #fff;box-shadow: 0 0 0 0 #fff;padding: 0px;}
    .wallet-top .wallet-b p{color: #333!important}
    .wallet-top .wallet-b ul li span{border-right: 1px solid #f2f2f2!important}
    .wallet-top .wallet-b ul li img{height: 22px;}
    .wallet-top .wallet-b ul li p{font-size:13px;}
    .wallet-list ul li{background: #fff;margin-left: 10px;margin-right: 10px;overflow: hidden;border-bottom: 1px dashed #ddd;}
    .wallet-list ul li a{display: block;padding: 10px;overflow: hidden;}
    .wallet-list .wallet-c{float: left;}
    .wallet-list .wallet-c img{display: inline-block;height: 40px;vertical-align: middle;}
    .wallet-list .wallet-c p{display: inline-block;color: #6a747d;font-weight: 700;font-size: 16px;position: relative;top: 4px;margin-left: 8px;}
    .wallet-list .wallet-d{float: right;padding-top: 10px;}
    .wallet-list .wallet-d p{font-weight: 700;}
    .wallet-list .wallet-d span{font-size:12px;margin-right:5px;}
    .search{margin: 20px 0 30px 0;}
    .search>div{display: inline-block;width: 75%;height: 30px;line-height: 30px;margin-left: 20px;background-color: #314FBE;}
    .search>div>img{height: 20px;margin: 5px 0 0 5px;}
    .search>div>input{height: 70%;width: 85%;background-color: transparent;border: none;color: #fff;border-left: 1px solid #fff;padding: 0 0 0 5px;}
    .search>img{display: inline-block;height: 25px;margin-left: 15px;}
    .wallet-top .wallet-a ul.list li{width: 33%;}
    .news{height: 35px;line-height: 35px;border-bottom: 1px solid #F0F0F0;}
    .news>img{width: 15px;height: 15px;margin: 10px 0 0 10px;}
    .news>div{display: inline-flex;width: 90%;}
    .news>div>div:first-child{width: 90%;margin-left: 10px;}
    .news>div>div:last-child{width: 10%;text-align: right;color: #949494;}
    .banner{height: 110px;}
    .banner>img{width: 100%;height: 100%;}
    .wallet-top .wallet-a ul.list1{overflow: auto;}
    .wallet-top .wallet-a ul.list1 li{width: 49.5%;display: flex;border-bottom:0.5px solid #EAEAEA;}
    .wallet-top .wallet-a ul.list1 li:nth-of-type(odd){border-right:0.5px solid #EAEAEA;}
    .wallet-top .wallet-a ul.list1 li div p{font-size: 16px;font-weight: bold;margin: 15px 0 0 20px;text-align: left;}
    .wallet-top .wallet-a ul.list1 li div div{margin: 5px 0 20px 20px;text-align: left;color: #818181;}
    .wallet-top .wallet-a ul.list1 li>a{width: 100%;display: flex;}
    .wallet-top .wallet-a ul.list1 li>div:first-child,.wallet-top .wallet-a ul.list1 li a>div:first-child{width: 60%;}
    .wallet-top .wallet-a ul.list1 li>div:last-child,.wallet-top .wallet-a ul.list1 li a>div:last-child{width: 38%;}
    .wallet-top .wallet-b ul li img{height: 40px;margin-top: 20px;}
    .gray{height: 10px;background-color: #F4F4F4;}
</style>
<div class="mv-wallet" style="position: relative">
    <div class="wallet-top">
        <div class="wallet-a">
            <div class="search">
                <div>
                    <img src="../../Images/search.png">
                    <input type="text">
                </div>
                <img src="../../Images/list.png">
            </div>
            <ul class="list">
                <li>
                    <a v-on:click="scan">
                        <span><img src="/Images/sys.png"></span>
                        <p>扫一扫</p>
                    </a>
                </li>
                <li>
                    <a onclick="mview.view.load('/views/stock/transfer.html')">
                        <span><img src="/Images/fb.png"></span>
                        <p>转账</p>
                    </a>
                </li>
                <li>
                    <a onclick="mview.view.load('/views/stock/qrcode.html')">
                        <span><img src="/Images/sb.png"></span>
                        <p>收款</p>
                    </a>
                </li>
                <!--<li>
                    <a onclick="mview.view.load('/views/module/transaction/buylists.html')">
                        <span><img src="/Images/Icons/yjmm.png"></span>
                        <p>OTC交易</p>
                    </a>
                </li>-->
            </ul>
        </div>
        <div class="news">
            <img src="/Images/news.png">
            <div>
                <div>消息提醒</div>
                <div>更多</div>
            </div>
        </div>
        <div class="banner">
            <img src="/Images/banner.png">
        </div>
        <div class="gray"></div>
        <div class="wallet-a wallet-b">
            <ul class="list1">
                <li>
                    <a onclick="mview.view.load('/views/stock/OTCdeal.html')">
                    <div>
                        <p>场外交易</p>
                        <div>otc</div>
                    </div>
                    <div>
                        <img src="/Images/index_1.png">
                    </div>
                </a>
                </li>
                <li>
                    <a onclick="mview.view.load('/views/stock/deallists.html')">
                        <div>
                            <p>交易记录</p>
                            <div>一目了然</div>
                        </div>
                        <div>
                            <img src="/Images/index_2.png">
                        </div>
                    </a>
                </li>
                <li>
                    <div>
                        <p>币币交易</p>
                        <div>主流币种</div>
                    </div>
                    <div>
                        <img src="/Images/index_3.png">
                    </div>
                </li>
                <li>
                        <a onclick="mview.view.load('/views/stock/shandui.html')">
                        <div>
                        <p>币币闪兑</p>
                        <div>一键币币闪兑</div>
                        </div>
                    
                    
                    <div>
                        <img src="/Images/index_4.png">
                    </div>
                </a>
                </li>
                <li style="border-bottom: none">
                    <a onclick="mview.view.load('/Views/Stock/mxjyyuan.html')">
                            <div>
                                    <p>行情</p>
                                    <div>全球实时行情</div>
                                </div>
                                <div>
                                    <img src="/Images/index_5.png">
                                </div>
                    </a>
                    
                </li>
                <li style="border-bottom: none">
                    <div>
                        <p>财经资讯</p>
                        <div>快人一步</div>
                    </div>
                    <div>
                        <img src="/Images/index_6.png">
                    </div>
                </li>
            </ul>
        </div>
        <div class="gray"></div>
        <div class="wallet-list">
            <ul>
                <li>
                    <a>
                        <div class="wallet-c"><img src="/Images/coin_ADA.png">
                            <p>ADA</p>
                        </div>
                        <div class="wallet-d">
                            <p>￥0</p>
                        </div>
                    </a>
                </li>
                <li v-for="account in bag.basis.info.accounts" v-on:click="detail(account.type)">
                    <a>
                        <div class="wallet-c">
                            <img :src="'/Images/Icons/coin_'+account.code+'.png'">
                            <p v-text="account.code">-</p>
                        </div>
                        <div class="wallet-d">
                            <p v-text="'￥'+(account.money * account.price)">-</p>
                        </div>
                    </a>
                </li>

            </ul>
        </div>
    </div>
</div>

<div style="height:60px;"></div>
<script type="text/javascript">
    var pagedata = {
        request: {
            method: "VIEW_HOME_MAIN",
            linkroot: true
        },
        screen: {
            header_display: false,
            footer_choose: "home"
        },
        data: {
        },
        methods: {
            detail: function (id) {
                mview.view.load('/views/User/assetdetail.html', {
                    id: id
                });
            },
            scan: function () {
                mview.app.scan(function (key, data) {
                    switch (key) {
                        case "PAY":
                            mview.view.load('/views/Stock/transfer.html', {
                                address: data
                            });
                            break;
                        case "REG":
                            mview.view.load('/views/User/register.html', {
                                recomid: data
                            });
                            break;
                    }
                });
            }
        }
    }
    mview.view.chlid.init(pagedata);
</script>